<template>
  <div class="all">
      <header>
          <div @click="funt()">
              <van-icon name="arrow-left" />
          </div>       
          <div><p>领券中心</p> </div>        
      </header>
      <div class="imga">
          <img src="/myimg/hong1.png" alt="">
      </div>
      <div class="drink">
          <p @click="funa()">去喝一杯</p>
      </div>
      <div class="imgb">
          <img src="/myimg/xia.png" alt="">
      </div>
  </div>
</template>

<script>
export default {
        methods: {
        funt(){
            this.$router.go(-1)
        },
        funa(){
            this.$router.push("/menu")
        }
}
}
</script>

<style scoped>
.all{
    width: 3.75rem;
    background-color: #ffffff;
}
header{
    width: 3.75rem;
    height: 0.7rem;
    border: 1px solid gray;
    display: flex;
    background: #333999;
    color: white;

}
header div:nth-child(1){
    width: 5%;
    line-height: 0.7rem;
    font-size: 0.2rem;
}
header div:nth-child(2){
    width: 95%;
}
header p{
    width: 100%;
    line-height: 0.7rem;
    font-size: 0.2rem;
    text-align: center;
}
.imga{
    width: 3.45rem;
    height: 4rem;
    margin: auto;
}
.imga img{
    display: inline-block;
    width: 3.45rem;
    height: 4rem;

}
.drink{
    width: 3.45rem;
    height: 0.9rem;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.drink p{
    width: 2.95rem;
    height: 0.5rem;
    margin: auto;
    text-align: center;
    line-height: 0.5rem;
    background: #88a1e4;
    color: white;
    font-size: 0.2rem;
    border-radius: 0.2rem;
}
.imgb{
    width: 3.45rem;
    height: 0.65;
    margin: auto;
}
.imgb img{
    display: inline-block;
    width: 3.45rem;
    height: 0.65;

}


</style>